@import "../../variables.css";

.attachment {
  display: flex;
  flex-direction: column;
  height: 100%;
  &__title {
    flex-shrink: 0;
  }
  &__filename {
    background: $heading-bg;
    padding: $gap-size;
  }
  &__code {
    font: 14px normal "Courier New" monospace;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    padding: 0;
  }
  &__table {
    width: 100%;
    tr {
      border-bottom: 1px solid $border-color;
    }
    td {
      padding: 10px 15px;
    }
  }
  &__url {
    padding: 0 $gap-size;
    margin: 0.5em 0;
    &_comment {
      color: $text-muted-color;
    }
  }
  &__embed, &__media {
    max-width: 100%;
  }
  &__iframe {
    width: 100%;
    flex: 1;
  }
  &__media-container {
    text-align: center;
    cursor: zoom-in;
    .pane_expanded & {
      cursor: zoom-out;
    }
  }
}
